<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>JQuery Load</title>
		<link href="<c:url value="/resources/css/style.css" />" rel="stylesheet">
		<script type="text/javascript"
			src="<c:url value="/resources/javascript/jquery-2.1.1.js" />" ></script>
		<script type="text/javascript"
			src="<c:url value="/resources/javascript/contact.js" />" ></script>
	</head>
	<body>
		<div id="container">
			<h2>Find Contact By Name</h2>
			
			<label for="searchInput">Search</label>
			<input type="text" name="searchName" id="searchId">
			<div id="info"></div>
			
			<table id="loadTable" class="table tr">
				<thead>
					<tr>
						<th>ID</th>
						<th>First Name</th>
						<th>Last Name</th>
						<th>Age</th>
					</tr>				
				</thead>
				<tbody id="tbody">
					<jsp:include page="search.jsp"></jsp:include>
				</tbody>
			
			</table>
		</div>
	</body>
</html>